<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<!--
		<title>testRealMap</title>
		<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
		-->
		<!-- Bootstrap-->
		<link href="assets/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
		
		<!-- Bootstrap -->
		<script src="assets/tatic/js/jquery-latest.js"></script>
		<script src="assets/static/bootstrap/js/bootstrap.min.js"></script>
		<script type="text/javascript">
			function domReady () {
			  //console.log("test");
			}

			// Mozilla, Opera, Webkit 
			if ( document.addEventListener ) {
			  document.addEventListener( "DOMContentLoaded", function(){
				document.removeEventListener( "DOMContentLoaded", arguments.callee, false);
				domReady();
			  }, false );

			// If IE event model is used
			} else if ( document.attachEvent ) {
			  // ensure firing before onload
			  document.attachEvent("onreadystatechange", function(){
				if ( document.readyState === "complete" ) {
				  document.detachEvent( "onreadystatechange", arguments.callee );
				  domReady();
				}
			  });
			}
		</script>
	</head>
	<body>
		<script type="text/javascript">
		$(document).reday(function (){ console.log("test");});
		</script>
		<div class="container">
			<div class="row">
				<div class="span12">
					<div class="hero-unit">
						<h1>Hello world</h1>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
